html,body,.pyg_view{
  height: 100%;
}
.pyg_view{
  padding-top: 45px;
  padding-bottom: 50px;
}
.pyg_main{
  height: 100%;

  overflow: scroll;
}

.pyg_header{
  position: fixed;
  top: 0;
  left: 0;
  height: 45px;
  width: 100%;
  padding: 5px 10px;
  background-color: #fff;
}

.pyg_footer{
  position: fixed;
  width: 100%;
  height: 50px;
  bottom: 0;
  left: 0;
  display: flex;
background-color: #fff;
  a{
    flex: 1;
    text-align: center;
    font-size: 13px;
    padding-top: 4px;
    color: #000;
    .fa{
      font-size: 20px;
    }
  }
}


/* 正在等待 */
.wait{
  /* 充当遮罩层 */
  // &::before{
  //   content: "";
  //   position: fixed;
  //   width: 100%;
  //   height: 100%;
  //   top: 0;
  //   left:0;
  //   background-color: #fff;
  //   opacity: .9;
  //   z-index: 1000;
  // }
  // /* 充当旋转的小图标 */
  // &::after{
  //   content: "";
  //   position: fixed;
  //   width: 50px;
  //   height: 50px;
  //   top: 30%;
  //   left: 50%;
  //   transform: translate(-50%,-50%);
  //   background-color: red;
  //   z-index: 1001;
  //   animation: ani_wait .1s infinite linear;
  // }

  // @keyframes ani_wait {
  //   0%{
  //     transform: translate(-50%,-50%) rotate(0deg);
  //   }
  //   100%{
  //     transform: translate(-50%,-50%) rotate(360deg);
  //   }
  // }


  /* 好看的图标 */
  /* 充当遮罩层 */
  &::before{
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left:0;
    background-color: #fff;
    opacity: .9;
    z-index: 1000;
  }
  // /* 充当旋转的小图标 */
  &::after{
    content: "\f110";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
   
    position: fixed;
    top: 30%;
    left: 50%;
    z-index: 1001;
    font-size: 50px;
    color: red;
    margin-left: -25px;
    animation: fa-spin 2s infinite linear;
  }

}